import React from 'react';
import {
  AppRegistry,
} from 'react-native';
import {DrawerNavigator,TabNavigator,StackNavigator} from 'react-navigation'
import HomeScreen from './HomeScreen'
import DetailsScreen from './DetailsScreen'
import MessageScreen from './MessageScreen'

const HomeStack=StackNavigator(
  {
    Home:{screen:HomeScreen},
    Details:{screen:DetailsScreen}
  }
);

const RootStack = TabNavigator(
  {//定义路由
    Home: {screen: HomeStack},
    Message:{screen: MessageScreen},
  },
  {
    // tabBarComponent: TabBarBottom,        //自定义标签栏组件
    // tabBarPosition: 'bottom',             //设置标签栏位置
    // animationEnabled: true,               //开启标签页切换动画
    // swipeEnabled: true,                   //允许标签页之间滑动切换
    // initialRouteName:'Home',              //初始路由
    // tabBarOptions:{                       //标签栏的样式设置如下↓
    //   style:{                               //整体标签栏样式设置
    //     backgroundColor:'#49a9ff',
    //   },
    //   tabStyle:{                            //每个标签的样式
    //     width:150
    //   },
    //   labelStyle:{                          //标签文字样式
    //     fontSize:16
    //   },
    //   iconStyle:{                           //标签图标样式
    //     width:20,
    //   },
    //   activeTintColor:'blue',               //标签激活时的前景色
    //   activeBackgroundColor:'white',        //标签激活时的背景色
    //   inactiveTintColor:'white',            //标签未激活时的前景色
    //   inactiveBackgroundColor:'blue',       //标签未激活时的背景色
    //   pressColor:'#9dbbff',                 //标签被点击时的颜色（仅安卓）
    //   showLabel:false,                     //将文字标签隐藏，默认为true开启
    //   showIcon:true,                       //显示图标，默认为false隐藏
    // }
  }
);

export default class App extends React.Component {
  render() {                            //将Navigation作为根路径导出
    return <RootStack />;
  }
}
